<template>
	<!-- button按钮 -->
	<view class="flex justify-center"  @click="submit()">
		<view class="btn font-md flex justify-center align-center" :class="type=='primary'?'btn':'btn1'">
			{{title}}
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			// button按钮内文字
			title:{
				type:String,
				default:''
			},
			// 两种button格式，默认是主色调背景色的按钮，一种是白底按钮
			type:{
				type:String,
				default:'primary' //primary
			}
		},
		computed:{
			
		},
		methods:{
			submit(){
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btn{
			width: 698rpx;
			height: 96rpx;
			background: #3C8EFF;
			color:#FFFFFF;
			font-weight: 500;
		}
		// 带边框的按钮
	.btn1{
		box-sizing: border-box;
		border: solid 2rpx #3C8EFF;
		color: #3C8EFF;
		background-color: #FFFFFF;
		font-weight: 500;
	 }
</style>
